<template>
  <div class="blog-header--login">
    <span class="blog-login" @click="showModal('login')">登录</span>
    <span class="blog-login--deta">/</span>
    <span class="blog-register" @click="showModal('register')">注册</span>
  </div>
</template>
<script setup lang="ts">
import { showModal } from '@/unit/showModal'
</script>
<style lang="less" scoped>
.blog-header--login {
  font-size: 18px;
}

.blog-login--deta {
  margin: 0 8px;
}

.blog-login,
.blog-register {
  cursor: pointer;
}
</style>
